<template>
	<cu-page-base :nav-bar-options="navBarOptions">
		<view class="cu-w-100 cu-px-20 cu-pt-20">
			<u-row justify="space-between" gutter="10">
				<u-col span="6">
					<view @click="gotoZb()" class="cu-w-100 cu-shadow cu-border-r-20 cu-bg-main cu-mb-40 cu-p-20"
						style="height: 180rpx;">
						<view class="cu-row cu-j-start cu-a-center cu-px-10 cu-pt-10 cu-font-big cu-font-weight">
							<u--image shape="circle" :showLoading="true" src="/static/images/bbdzb.jpg" width="80rpx" height="80rpx"></u--image>
							<text class="cu-pl-10">宝贝的账本</text>
						</view>
						<view class="cu-row cu-px-10 cu-j-center">
							免费记账神器
						</view>
					</view>
				</u-col>
			</u-row>
			
		</view>
	</cu-page-base>

</template>

<script>
	import {
		mapState
	} from 'vuex';
	import commMiXin from '@/common/mixin/common-mixin.js';
	export default {
		mixins: [commMiXin],
		computed: {
			...mapState({
				commonStore: state => state.commonStore,
			})
		},
		data() {
			return {
				navBarOptions: {
					title: "更多",
				},
			};
		},
		onLoad() {
		},
		methods: {
			gotoZb(){
				uni.navigateToMiniProgram({
				  appId: 'wx0e0abe6f7af301b7',
				  extraData: {},
				  success(res) {
				    // 打开成功
				  }
				})

			}
		}
	}
</script>

<style lang="scss">

</style>